<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>系统登录</title>
    <script>
        //当dom元素（页面）加载成功后发生的事件
        window.onload=function () {
          //获取验证码图片对象
          let imgObj = document.querySelector("#checkCode");
          imgObj.onClick=function () {
              //监听验证码图片对象的单击事件
              this.src="/05/checkCode"+new Date().getTime();//以时间戳做为这个请求的参数
          }
        };
    </script>
</head>
<body>
    <div>
        <form action="/05/login" method="post">
        用户名称：<input type="text" name="userName"> <br>
        用户密码：<input type="text" name="userPwd"><br>
        验证码：<input type="text" name="checkCode"><img id="checkCode" src="/05/checkCode" alt=""><br>
        <button type="submit">登录</button>
        </form>
    </div>
</body>
</html>